<template>
	<view class="mainpadding2">
		<view class="ffffff mainpadding_top radius">
			<view class="titletext bold hei_text">選擇核銷類型</view>
			<view class="flexbetween margin_top">
				<view class="lable" :class="tabsid==1?'itemgl':''" @click="tabsid=1">電影票</view>
				<view class="lable" :class="tabsid==2?'itemgl':''" @click="tabsid=2">演唱會票</view>
				<view class="lable" :class="tabsid==3?'itemgl':''" @click="tabsid=3">店家券</view>
			</view>
		</view>
		<!-- 电影票 -->
		<template v-if="tabsid==1">
			<view class="ffffff mainpadding_top radius flexbetween" @click="jumpurl('/pages/workbench/xuanzedy?type=1')">
				<view class="titletext bold hei_text">選擇電影</view>
				<view class="flexright">
					<input type="text" style="text-align: right;" class="hei_text main_size bold" disabled placeholder="請選擇">
					<u-icon name="arrow-right" color="#999" size="16"></u-icon>
				</view>
			</view>
			<view class="ffffff mainpadding_top radius flexbetween"  @click="jumpurl('/pages/workbench/xuanzecc')">
				<view class="titletext bold hei_text">選擇場次</view>
				<view class="flexright">
					<input type="text" style="text-align: right;" class="hei_text main_size bold" disabled placeholder="請選擇">
					<u-icon name="arrow-right" color="#999" size="16"></u-icon>
				</view>
			</view>
		</template>
		<!-- 演唱会 -->
		<template v-if="tabsid==2">
			<view class="ffffff mainpadding_top radius flexbetween" @click="jumpurl('/pages/workbench/xuanzedy?type=2')">
				<view class="titletext bold hei_text">選擇演唱會</view>
				<view class="flexright">
					<input type="text" style="text-align: right;" class="hei_text main_size bold" disabled placeholder="請選擇">
					<u-icon name="arrow-right" color="#999" size="16"></u-icon>
				</view>
			</view>
		</template>
		<view class="mainpadding posibottom" style="bottom: 0;">
			<view class="submitbtn" @click="saoma">立即掃碼</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				tabsid:1
			}
		},
		methods: {
			jumpurl(url){
				uni.navigateTo({
					url
				})
			},
			saoma(){
				uni.navigateTo({
					url:"/pages/workbench/hexiaoxq"
				})
			},
		}
	}
</script>

<style>
	.lable{
		width: 140rpx;
		padding: 20rpx 0;
		text-align: center;
		font-size: 24rpx;border-radius: 10rpx;
		background-color: #f0f0f0;
		color: #666666;
		border:1rpx solid #f0f0f0 ;
	}
	.itemgl{
		background-color: #fff3e6 !important;
		color: #FF8505 !important;
		border:1rpx solid  #FF8505 !important;
	}

</style>
